<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>简单的中文分词</title>
  <meta name="author" content="" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta name="keywords" content="简单的中文分词" />
  <meta name="description" content="简单的中文分词" />
  <script type="text/javascript" src="index.js"></script>
  <style>
    textarea {
      width: 100%;
      margin: 5px 0;
    }

    hr {
      border: 1px solid green;
    }
  </style>
</head>

<body>
  <h5>需要分词的完整语句：</h5>
  <textarea id="inputTextarea">hello, kitty!我的家乡在松花江边上，自学是很靠谱的，那里有四季迷人的花香</textarea>

  <h5>支持的分词词库：</h5>
  <textarea id="dictTextarea">hello kitty 家乡 松花 松花江 四季 四季迷人 迷人 花香 自学 靠谱</textarea>

  <h6></h6>
  <hr>
  <button onclick="goFenci();">进行分词并在下面的文本框中显示结果</button>
  <textarea id="outputTextarea"></textarea>
  <script type="text/javascript">

    function goFenci() {
      var myDict = document.getElementById('dictTextarea').value.trim().split(' ');
      var words = document.getElementById('inputTextarea').value.trim();
      var fenci = new JsFenci();
      fenci.init(myDict);
      var result = fenci.splitWords(words);
      document.getElementById('outputTextarea').value = result.join(' ');
    }
  </script>
</body>

</html>